﻿#header{width:100%;background:#fff;position:relative;z-index:1}/*整个头部框架*/
/*顶部导航区-----------------------------*/
#header .topNav{width:100%;height:28px;border-bottom:1px solid #e5e5e5;background:#f2f2f2}/*顶部*/
#header .topNav .center{width:1080px;height:28px;margin:0 auto;background:#f2f2f2}        /*居中*/
#header .topNav .center li{height:28px;margin:0 10px;font-size:12px;color:#6c6c6c;line-height:28px}/*顶部li公共*/
#header .topNav .center .left li{float:left}   /*左菜单*/
#header .topNav .center .right li{float:right} /*右菜单*/

#header .topNav .center .right .myjm ul{visibility:hidden;padding:0}
#header .topNav .center .right .myjm .tit{color:#f99406}
#header .topNav .center .right .myjm:hover ul{visibility:visible}
#header .topNav .center .right .myjm ul .me{float:none;z-index:8;position:relative;background:#f2f2f2;padding:5px;box-shadow:1px 1px 1px 1px #ccc}
#header .topNav .center .right .myjm ul .me:hover{background:#ccc;color:#169af3}

#header .topNav .center .hot li{color:#ed155b} /*hot项*/
#header .topNav .center .left a li:hover,
#header .topNav .center .right a li:hover{color:#ed155b}/*顶部鼠标事件*/
/*中部搜索区-----------------------------*/
#header .meddle{width:1080px;height:90px;margin:0 auto;margin-top:18px}/*logo/搜索/结算大框*/
#header .meddle img{float:left;margin-top: 20px}                           /*logo左浮*/
#header .meddle form{float:left;padding:10px 0 0 120px}    /*中间大框用padding兼容IE8*/
#header .meddle .input{width:430px;height:32px;border:3px solid #ed145b;color:#999;line-height:32px;}          /*输入样式*/
#header .meddle .button{width:100px;height:38px;color:#fff;font-size:16px;background:#ed145b;border-style:none}/*按钮样式*/
#header .meddle .input,#header .meddle .button{float:left}/*浮动(输入&按钮)*/
#header .meddle .clear{clear:both}/*兼容处理,分割条*/
#header .meddle li{float:left;font-size:12px;color:#999;margin-top:5px}/*快捷搜索*/
#header .meddle a li:hover{color:#ed155b}
/*中部购物车-----------------------------*/
#header .meddle .shopping{
	float:right;
	width:138px;height:32px;
	border:1px solid #ccc;
	box-shadow:2px 2px 2px #ccc;
	text-align:right;line-height:32px;
	font-size:13px;color:#666;
	margin-top:12px;
	background:url(../../images/goShop.gif) no-repeat left center;
	background-color:#f8f8f8;
}
#header .meddle .shopping:hover{color:#ed155b;background-color:#fff}
/*下部导航栏-----------------------------*/
#header .nav{float:left;width:100%;height:38px;background:url(../../images/nav.jpg);box-shadow:0 5px 8px 0 rgba(0,0,0,.2);position:relative}            /*底导航贯穿*/
#header .nav .center{width:1080px;height:38px;margin:0 auto;background:url(../../images/nav.jpg);box-shadow:0 5px 8px 0 rgba(0,0,0,.2);position:relative}/*底导航居中*/
#header .nav .center a{color:#fff}
#header .nav .center .m1{float:left;color:#fff;font-weight:bold;height:38px;line-height:38px;padding:0 20px 0 20px;font-size:15px;position:relative}                         /*底导航事件*/
#header .nav .center li:hover{background:#ed145b}

#header .nav .center li ul{display:none;margin:0 -20px 0 -20px;box-shadow:0px 0px 3px 3px #000}

#header .nav .center li:hover ul{display:block}
#header .nav .center li li{;background:url(../../images/nav.jpg)}
#header .nav .center li li:hover{background:#f99406}




